Micron Document
<!DOCTYPE html>
<html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-0 vector-toc-not-available vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-0 skin-theme-clientpref-day vector-sticky-header-enabled" lang="de" dir="ltr"><head>
<meta charset="UTF-8">
<title>Webinterface</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="./_res_/favicon.png">
<link rel="canonical" href="https://de.wikipedia.org/wiki/Webinterface"> <link href="./_mw_/ext.cite.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.wikimediamessages.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.icons.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.search.codex.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.styles.css" rel="stylesheet" type="text/css">
<meta name="ResourceLoaderDynamicStyles" content="">
<link href="./_mw_/ext.gadget.citeRef.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.defaultPlainlinks.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonHide.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonLayout.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonStyle.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiDarkmode.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiResponsive.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.specialSearch.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="./_mw_/site.styles.css">
<link rel="stylesheet" type="text/css" href="./_mw_/noscript.css">
<link rel="stylesheet" type="text/css" href="./_res_/footer.css">
<link rel="stylesheet" type="text/css" href="./_res_/vector-2022.css">
</head>
<body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-Webinterface rootpage-Webinterface skin-vector-2022 action-view">
<div class="mw-page-container">
<div class="mw-page-container-inner">
<div class="mw-content-container">
<main id="content" class="mw-body">
<header class="mw-body-header vector-page-titlebar">
<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Webinterface</span></h1>
</header>
<a id="top"></a>
<div id="bodyContent" class="vector-body ve-init-mw-desktopArticleTarget-targetContainer" aria-labelledby="firstHeading" data-mw-ve-target-container="">
<div id="contentSub">
<div id="mw-content-subtitle"></div>
</div>
<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="de" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="de" dir="ltr">
<p>Als <b>Webinterface</b> (<span style="font-style:normal;font-weight:normal"><a href="Deutsche_Sprache" title="Deutsche Sprache">deutsch</a></span> <span lang="de-Latn">Webschnittstelle</span>) bezeichnet man eine <a href="Schnittstelle" title="Schnittstelle">Schnittstelle</a> zu einem System, die über das <a href="Hypertext_Transfer_Protocol" title="Hypertext Transfer Protocol">Hypertext Transfer Protocol</a> (HTTP) angesprochen werden kann.<sup id="cite_ref-Subramanian2023_1-0" class="reference"><a href="#cite_note-Subramanian2023-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> Dabei handelt es sich um
</p>
<ul><li>eine <a href="Grafische_Benutzeroberfl%C3%A4che" title="Grafische Benutzeroberfläche">grafische Benutzeroberfläche</a> (<abbr title="englisch „Graphical User Interface“">GUI</abbr>), über die ein Benutzer mit Hilfe eines <a href="Webbrowser" title="Webbrowser">Webbrowsers</a> mit dem System interagieren kann, oder</li>
<li>einen <a href="Webservice" title="Webservice">Webservice</a>, durch den das System anderen Systemen Daten oder Funktionen zur Verfügung stellt.</li></ul>
<p>Beispiele für Webinterfaces sind die <a href="Google_Suche" class="mw-redirect" title="Google Suche">Google</a>-API, über die eine Software auf Funktionen der Suchmaschine mittels <a href="Simple_Object_Access_Protocol" class="mw-redirect" title="Simple Object Access Protocol">SOAP</a> und <a href="Web_Services_Description_Language" title="Web Services Description Language">WSDL</a> zugreifen kann, oder der integrierte <a href="Webserver" title="Webserver">Webserver</a> eines <a href="DSL-Router" class="mw-redirect" title="DSL-Router">DSL-Routers</a>, über den ein Benutzer Änderungen an der Gerätekonfiguration vornehmen kann.<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup>
</p><p>Das Webinterface als GUI hat den Vorteil der <a href="Plattformunabh%C3%A4ngigkeit" title="Plattformunabhängigkeit">Plattformunabhängigkeit</a>, da für nahezu jedes netzwerkfähige <a href="Betriebssystem" title="Betriebssystem">Betriebssystem</a> ein Webbrowser verfügbar ist und meistens auch bereits mit ausgeliefert wird, so dass für die Nutzung eines Webinterface keine weitere <a href="Software" title="Software">Software</a> installiert werden muss.<sup id="cite_ref-Subramanian2023_1-1" class="reference"><a href="#cite_note-Subramanian2023-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> Der Nachteil liegt hier unter anderem an den eingeschränkten Möglichkeiten, die eine aus <a href="HTML-Seite" class="mw-redirect" title="HTML-Seite">HTML-Seiten</a> bestehende GUI mit sich bringt. Künftig können jedoch hier <a href="WebSocket" title="WebSocket">WebSocket</a>, <a href="HTML5" title="HTML5">HTML5</a>, <a href="Cascading_Style_Sheets" title="Cascading Style Sheets">CSS3</a>, <a href="JQuery" title="JQuery">jQuery</a> und <a href="JQuery_UI" title="JQuery UI">jQuery UI</a> wesentliche Verbesserungen bringen.
</p><p>Die Nutzung eines Webdienstes zum Datenaustausch zwischen zwei Systemen kann vorteilhaft sein, da der Datentransport per HTTP unabhängig von Programmiersprache und plattformübergreifend etabliert ist und meistens auch durch <a href="Firewall" title="Firewall">Firewalls</a> hindurch gestattet wird. Nachteilig mag sich hier der zusätzliche Verwaltungsaufwand (englisch <i><a href="Overhead_(EDV)" title="Overhead (EDV)">Overhead</a></i>) an den zu übertragenden Daten und der höhere Rechenaufwand beim Erstellen und Analysieren der <a href="Extensible_Markup_Language" title="Extensible Markup Language">XML</a>-Datenstrukturen auswirken.
</p><p>Die Aufgabe einer <a href="Schnittstelle" title="Schnittstelle">Schnittstelle</a> umfasst <a href="Per_definitionem" class="mw-redirect" title="Per definitionem">per definitionem</a> nur das Weiterreichen von Informationen. Findet hier aber bereits eine Verarbeitung statt, anstatt diese dem dahinter liegenden System zu überlassen, handelt es sich um eine <a href="Webanwendung" title="Webanwendung">Webanwendung</a>.
</p>
<div class="mw-heading mw-heading2"><h2 id="Beispiele">Beispiele</h2></div>
<p>Webinterfaces zur Konfiguration eines Linux-Systems sind <a href="Plesk" title="Plesk">Plesk</a>, <a href="Confixx" title="Confixx">Confixx</a>, <a href="Webmin" title="Webmin">Webmin</a> und <a href="TekBASE" title="TekBASE">TekBASE</a>.
</p>
<div class="mw-heading mw-heading2"><h2 id="Einzelnachweise">Einzelnachweise</h2></div>
<ol class="references">
<li id="cite_note-Subramanian2023-1"><span class="mw-cite-backlink">↑ <sup><a href="#cite_ref-Subramanian2023_1-0">a</a></sup> <sup><a href="#cite_ref-Subramanian2023_1-1">b</a></sup></span> <span class="reference-text">Rajesh Subramanian: <cite class="lang" lang="en" dir="auto" style="font-style:italic">Build Autonomous Mobile Robot from Scratch using ROS</cite>. Apress, 2023, ISBN 978-1-4842-9644-8, Kapitel&nbsp;10: Web Interface and Autodocking, <span style="white-space:nowrap">S.<span style="display:inline-block;width:.2em">&nbsp;</span>497</span> (englisch).<span class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abookitem&amp;rfr_id=info:sid/de.wikipedia.org:Webinterface&amp;rft.atitle=Kapitel+10%3A+Web+Interface+and+Autodocking&amp;rft.au=Rajesh+Subramanian&amp;rft.btitle=Build+Autonomous+Mobile+Robot+from+Scratch+using+ROS&amp;rft.date=2023&amp;rft.genre=bookitem&amp;rft.isbn=9781484296448&amp;rft.pages=497&amp;rft.pub=Apress" style="display:none">&nbsp;</span></span>
</li>
<li id="cite_note-2"><span class="mw-cite-backlink"><a href="#cite_ref-2">↑</a></span> <span class="reference-text"><span class="cite">Dagmar Sieberichs, Marcel Peters: <a rel="nofollow" class="external text" href="https://praxistipps.chip.de/router-einrichten-so-gehts-ganz-schnell_92447"><i>Router einrichten&nbsp;– so geht’s ganz schnell.</i></a> 6.&nbsp;Mai 2025,<span class="Abrufdatum"> abgerufen am 11.&nbsp;September 2025</span>.</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&amp;rfr_id=info%3Asid%2Fde.wikipedia.org%3AWebinterface&amp;rft.title=Router+einrichten%26nbsp%3B%E2%80%93+so+geht%E2%80%99s+ganz+schnell&amp;rft.description=Router+einrichten%26nbsp%3B%E2%80%93+so+geht%E2%80%99s+ganz+schnell&amp;rft.identifier=https%3A%2F%2Fpraxistipps.chip.de%2Frouter-einrichten-so-gehts-ganz-schnell_92447&amp;rft.creator=Dagmar+Sieberichs%2C+Marcel+Peters&amp;rft.date=2025-05-06">&nbsp;</span></span>
</li>
</ol></div><!--htdig_noindex--><div><div class="zim-footer">
Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2025-09-13" href="https://de.wikipedia.org/wiki/?title=Webinterface&amp;oldid=259702059">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.
</div>
</div><!--/htdig_noindex--></div>
</div>
</main>
</div>
</div>
</div>
<script src="./_webp_/webpHandler.js"></script>

</body></html>